html,body{
	padding:0;
	margin:0;
}
ul,li{list-style: none;padding:0;margin:0;}
a{

}
a:visited{
	color:#222;
	text-decoration:none;
}
.onelist-hidden{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.index_top{
	height:4rem;
	line-height:4rem;
	box-shadow:0px 0px 1px #aaa;
}
.index_video_list{
	margin-bottom:7rem;
	ul li{
  		width: 50vw;
  		font-size: 12px;
  		float: left;
  		height: 50vw;
  		padding:15px;
  		text-align: center;
  		margin-top:3rem;
	}  
	.video_images{
		width: 80%;
		height: 80%;
		border:1px solid #eee;
		margin:0 auto;
		transform:rotate(45deg);
		// background: url(../images/user.png) no-repeat center/110%;
		img{
			width: 100%;
			height: 100%;
		}
	}
	span{
		margin-top: 3.5rem;
		padding:0;
	}
}

/* 这是首页哦 */
.search_index{
	transition: all .3s;
	height:100%;
	position:absolute;
	top:0;
	z-index: 1000;
	left:-100%;
	.search_content{
		background: #fff;
		height: 100%;
	}
	.search_overlay{
		background: #000;
		opacity: 0.5;
		height: 100%;
	}
}
.search_images{
	margin-top: 4rem;
	border-radius: 100%;
	width: 10rem;
	height: 10rem;
}
.search_off{
	margin-top:1rem;
}
.search_button{
	background: #f0f0f0;
	padding:2px;
	margin-top:3rem;
}
.search_input{
	margin-top:3rem;
}
.keyword{
	margin-top:2rem;
	.keyword_list{
		display: block;
		float: left;
		padding:0 1rem;
		height: 30px;
		line-height: 30px;
		margin: 1rem 0 0 15px;
		/*background: #eee;*/
		text-align: center;
		border:1px solid #eee;
	}
}
.search_open{
	left:0;
}
.footer{
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:100;
	background:#f8f8f8;
	height:5rem;
	padding:0.5rem 0;
	border-top:1px solid #f1f1f1;
	i{
		display: block;
		width: 100%;
	}
	span{
		width: 100%;
	}
	a{
		color: #222;
	}
	a:hover{
		color: #222;
		text-decoration: none;
	}
}
/* 这是搜索页哦 */


/* 这是用户页哦 */
.user_top{
	height:15rem;
	background:#98d3f1;
	box-shadow:0px 0px 1px #aaa;
}
.user_images{
	margin-top:1rem;
	img{
		width: 10rem;
		height: 10rem;
		margin:0 auto;
		border-radius:100%;
	}
}
.user_name{
	margin-top:1rem;
}
.user_option{
	margin-top:2rem;
	
}
.user_option_list{
	animation:myfirst 1s ease-in-out 0s 1 alternate forwards;
	left:-100%;
	/* Safari and Chrome */
	-webkit-animation:myfirst 1s ease-in-out 0s 1 alternate forwards;
	// border:1px solid #cecece;
	box-shadow:0px 1px 1px #cecece;
	padding:0.5rem 0;
	margin-bottom:1.2rem;
	i:nth-child(1){
		margin-left: 1rem;
	} 
	span{
		margin-left: 1rem;
	}
	i:nth-child(3){
		float: right;
		margin-right:1rem;
	}
	a{
		color:#222;
	}
}

@keyframes myfirst
{
100% {left:0%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
100% {left:0%;}
}
/* 这是用户页哦 */

/* 这是登陆页哦 */
.login_content{
	margin-top:1rem;
}
.input_box{
	margin-top:3rem;
	span{
		display: block;
		margin-right: 1rem;
		width: 29%;
		float: left;
	}
	input{
		width: 67%;
	}
}
.login_word{
	margin-top:3rem;
	a{
		color: #222;
	}
}
.login_button{
	margin-top:4rem;
	button{
		background:#66ccff;
		border:0;
		color: #fff;
		width: 100%;
		padding:0.5rem 0;
	}
}
/* 这是登陆页哦 */

/* 这是注册页哦 */
.input_code{
	margin-top:3rem;
	span:nth-child(1){
		display: block;
		margin-right: 1rem;
		width: 29%;
		float: left;
	}
	input:nth-child(2){
		width: 30%;
		float: left;
	}
	span:nth-child(3){
		display: block;
		width: 37%;
		border-left:0px;
		float: left;
		padding-top:2px;
		border:1px solid #a5a5a5;
		border-left:0px;
		input{
			width: 100%;
			border:0;
			text-align: center;
		}
	}
}
.register_login{
	margin-top:2rem;
}
.order_option{
	margin-top:2rem;
	span{
		display: block;
		width: 27%;
		float: left;
		margin-right:1rem;
		height: 2.5rem;
		line-height:2.5rem;
	}
	select{
		width: 69%;
		border-radius:4px;
		height: 2.5rem;
	}
	textarea{
		width: 69%;
		height: 10rem;
	}
	button{
		background:#66ccff;
		width: 100%;
		padding:0.7rem 0;
		margin-top: 1rem;
		border:0;
		color: #fff;
	}
}

/* 这是注册页哦 */